<%--
  Created by IntelliJ IDEA.
  User: xianfei
  Date: 15-9-25
  Time: 下午8:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title></title>
</head>
<body>
<form:form commandName="orderDTO" action="/order/form">
    <form:hidden path="houseWeekGuid"/>
    <div class="container">
        <h2 class="buytitle01">购买信息</h2>

        <div class="buybox01 shadow02">
            <div class="buytitle02"><img src="/public/img/icon08.png" class="icon08">购买信息</div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <th colspan="2" scope="col">房屋信息</th>
                    <th width="10%" scope="col">周次</th>
                    <th width="19%" scope="col">份额单价（元）</th>
                    <th width="16%" scope="col">数量</th>
                    <th width="24%" scope="col">总金额（元）</th>
                </tr>
                <tr>
                    <td width="12%"><img style="width:30px;height:50px;"
                                         src="/public/image/${orderDTO.houseInfoDTO.imageGuids[0]}" class="img11"></td>
                    <td width="19%">${orderDTO.houseInfoDTO.name}<p>
                        面积${orderDTO.houseInfoDTO.buildingTypeArea}㎡丨${orderDTO.houseInfoDTO.buildingTypeName}</p></td>
                    <td>${orderDTO.houseWeekDTO.name}</td>
                    <td>￥<span id="price_item_0" class="price_item">${orderDTO.orderInfoDTO.singlePrice}</span></td>
                    <td>
                        <div class="left add_chose">
                            <a class="reduce" onClick="setAmount.reduce('#qty_item_0','#price_item_0','#total_item_0')"
                               href="javascript:void(0)">-</a>
                            <form:input path="orderInfoDTO.num" name="qty_item" value="1" id="qty_item_0"
                                        onKeyUp="setAmount.modify('#qty_item_0','#price_item_0','#total_item_0')"
                                        class="text"/>
                            <a class="add" onClick="setAmount.add('#qty_item_0','#price_item_0','#total_item_0')"
                               href="javascript:void(0)">+</a>
                        </div>
                    </td>
                    <td>
                        <div class="left buy">
                            <span class="total-font total_item" id="total_item_0">￥0.00</span>
                            <input type="hidden" name="total_price" id="total_price" value=""/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="5" class="buttotal">&nbsp;</td>
                    <td class="buttotal">合计：<span id="total">￥0.00</span></td>
                </tr>
            </table>
        </div>


        <div class="buybox01 shadow02">
            <div class="buytitle02"><img src="/public/img/icon08.png" class="icon08">填写信息</div>
            <div style="padding:10px 0 30px 0; overflow:hidden">
                <div class="buytxt01 left">
                    <ul>
                        <li>真实姓名：</li>
                        <li>身份证：</li>
                        <li>手机号码：</li>
                        <li>联系地址：</li>
                    </ul>
                </div>
                <div class="buy_k left">
                    <ul>
                        <li><form:input path="realName" cssClass="buytxt01_k"/><form:errors path="realName"
                                                                                            cssClass="t16"/></li>
                        <li><form:input path="IDCard" cssClass="buytxt01_k"/><form:errors path="IDCard"
                                                                                          cssClass="t16"/></li>
                        <li><form:input path="phoneNum" readonly="true" cssClass="buytxt01_k"/><form:errors
                                path="phoneNum"
                                cssClass="t16"/></li>
                        <li>
                            <form:select path="province" cssClass="sdtk02" id="province" onchange="findCity()">
                                <form:option value="noselect">请选择</form:option>
                                <c:forEach items="${orderDTO.provinces}" var="provinces">
                                    <form:option value="${provinces.id}">${provinces.provinceName}</form:option>
                                </c:forEach>
                            </form:select>
                            <form:select path="city" cssClass="sdtk02" id="city" onchange="findDistrict()">
                                <c:forEach items="${orderDTO.cities}" var="cities">
                                    <form:option value="${cities.id}">${cities.cityName}</form:option>
                                </c:forEach>
                            </form:select>
                            <form:select path="district" cssClass="sdtk02" id="district">
                                <c:forEach items="${orderDTO.districts}" var="districts">
                                    <form:option value="${districts.id}">${districts.districtName}</form:option>
                                </c:forEach>
                            </form:select>
                            <form:input path="area" cssClass="buytxt01_k"/><form:errors path="area" cssClass="t16"/>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="buybox_b">
                <input type="submit" id="submit" class="btn3 buybtn" value="支付">
            </div>
        </div>
    </div>
</form:form>
</body>
</html>